<!-- 这是登陆界面，因为背景色分层原因删除了顶部代码 -->
<head>
    <meta charset="UTF-8">
    <style>
        body {
            
            background-image: url("https://gitee.com/tu-shanrong-rong/tupian/raw/master/img/%E6%91%84%E5%9B%BE%E7%BD%91_507730353_%E6%98%A5%E6%97%A5%E7%9B%9B%E5%BC%80%E7%9A%84%E6%A8%B1%E8%8A%B1(%E4%BB%85%E4%BA%A4%E6%B5%81%E5%AD%A6%E4%B9%A0%E4%BD%BF%E7%94%A8).jpg")
        }
        body {
            background-size: cover;
        }
        .headline {
        width: 50%;
        border: 2px solid orange;
        color: orange;
        font-size: 60px;
        display: flex;
        justify-content: center;
        height: 20%;
        position: relative;
        left: 380px;
        background: linear-gradient( to right ,#5E80F4,#FFB033,rgb(236, 181, 224)(203, 15, 15));

    }
    .zhanghaomima {
        
        border-width: 4px;
        border-style: solid;
        border-color: white;
        font-size: 15px;
        display: flex;
        justify-content: center;
        width: 30%;
        position: relative;
        left: 550px;
        border-radius: 2
        
    }
    .zhanghaomima p a{
        display: flex;
        left:50px;
    }
    </style>
</head>
<body>
    <div class="headline">
        <p>新用户注册</p>
    </div>
    <div class="zhanghaomima">
        <form action="javascript:alert('登录成功！')">
            <p>用 户 名&nbsp<input type="text" name="zhanghao" placeholder="请输入手机号" required></p>
            <p>  &nbsp&nbsp&nbsp密 码&nbsp&nbsp <input type="password" name="password" placeholder="请输入密码" required></p>
            <p>二次密码<input type="password" name="password" placeholder="请再次输入密码"></p>
            <p><input type="button"  onclick='location.href=("http://tu-shanrong-rong.gitee.io/home---latest-version")' value="登录"></p>
            </form>
        </div>
    <div class="men">
        <p> </p>
        </div>
    </body>
</html>